@import "../../../customGlobal.scss";
.list-ios.list-inset {
  margin-left: unset;
  margin-right: unset;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  @if $appType == "LJ" {
    margin-top: unset;
  }
}

.info-box {
  display: flex;
  justify-content: flex-start;
}
.img-box {
  position: relative;
}
.img-box-i {
  display: inline-block;
  width: 1.88rem;
  height: 1.88rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(50% - 1.88rem / 2);
  background-image: url("../../../assets/icon/video_icon_paly60px@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9;
}
.detail-box {
  margin-left: 1.25rem;
  // margin-right: 1.25rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
h3 {
  height: 1.63rem;
  // width: 12rem;
  font-size: 1rem;
  font-weight: bold;
  color: #27282e;
  // line-height: 1rem;
  // margin-bottom: 0.63rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
h3.item-title-2line {
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
}
.detail-box p {
  height: 1.38rem;
  font-size: 0.75rem;
  font-weight: normal;
  color: rgba(133, 136, 148, 1);
}
.detail-box-items {
  display: flex;
  align-items: center;
  height: 1.38rem;
  font-size: 0.75rem;
  font-weight: normal;
  color: #7e838c;
}
.item-sep {
  width: 0.03rem;
  height: 0.5rem;
  background: #b6b7bf;
  margin-left: 0.31rem;
  margin-right: 0.31rem;
}
.satisfy {
  font-size: 0.69rem;
  color: #858894;
  line-height: 0.69rem;
  margin-left: 0.31rem;
}

.head-img {
  width: 5.63rem;
  height: 4.35rem;
  background: rgba(216, 216, 216, 1);
  border-radius: 0.13rem;
}

.isAuthenticated {
  position: absolute;
  background: linear-gradient(270deg, rgba(255, 99, 20, 1) 0%, rgba(255, 149, 0, 1) 100%);
  left: 0;
  font-size: 0.75rem;
  /* height: 0.75rem; */
  color: #ffffff;
  line-height: 0.75rem;
  border-radius: 0.13rem 0rem 0.13rem 0rem;
  padding: 0.13rem;
}

// @supports (top: env(safe-area-inset-top)) {
//   .bg {
//     height: calc(100vh - 3rem - env(safe-area-inset-top));
//   }
// }
// @supports (top: constant(safe-area-inset-top)) {
//   .bg {
//     height: calc(100vh - 3rem - constant(safe-area-inset-top));
//   }
// }

.list-box {
  height: calc(100vh - 64px);
  overflow: auto;
}
ul {
  background: #fff;
  // border-top: 1px solid #ededed;
  padding: 0 1.25rem;

}

.menu-box {
  display: flex;
  // vertical-align: middle;
  align-items: center;
  height: 2.88rem;
}

.cycle {
  height: 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #858894;
  margin-top: 1.065rem;
  margin-bottom: 1.065rem;
}
.date-item {
  flex: 1;
}
.date-info {
  height: 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #7e838c;
  line-height: 0.75rem;
  margin-right: 0.5rem;
}
.date-num {
  height: 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #252629;
  line-height: 0.75rem;
}
.shareImg {
  width: 1rem;
  height: 1rem;
  margin-top: 0.94rem;
  margin-bottom: 0.94rem;
}

.shareDiv {
  width: 1.78rem;
  height: 2.88rem;
  text-align: right;
}

.collectionDiv {
  width: 1.78rem;
  height: 2.88rem;
  text-align: left;
}

.collectionImg {
  width: 1rem;
  height: 1rem;
  margin-top: 0.94rem;
  margin-bottom: 0.94rem;
}

.line {
  height: 0.03rem;
  background: #ebebed;
  margin-top: 0.97rem;
  margin-bottom: 0.93rem;
}

.pxwCaseTagHeight {
  height: auto; // fixed 侧滑导致右边按钮变形。
}
.ppwCaseTagHeight {
  height: 6.33rem;
}

.rating-box {
  display: flex;
  align-items: center;
}

.time-box {
  display: flex;
  align-items: center;
}

.data-time {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(39, 40, 46, 1);
  margin-right: 0.25rem;
}

.server-type {
  font-size: 0.75rem;
  font-weight: 400;
  color: #858894;
}
